import React from 'react';
import {
  IonTabs,
  IonTabBar,
  IonTabButton,
  IonIcon,
  IonLabel,
} from '@ionic/react';
import {
  chatbubbleEllipses,
  person,
} from 'ionicons/icons';

const TabBar: React.FC = () => {
  return (
    <IonTabs>
      <IonTabBar slot="bottom">
        <IonTabButton tab="chat" href="/chat">
          <IonIcon icon={chatbubbleEllipses} />
          <IonLabel>对话</IonLabel>
        </IonTabButton>
        
        <IonTabButton tab="profile" href="/profile">
          <IonIcon icon={person} />
          <IonLabel>我的</IonLabel>
        </IonTabButton>
      </IonTabBar>
    </IonTabs>
  );
};

export default TabBar;